<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <center>
        <!--
            <h1>-<h6>标题:标题从h1-h6分为六级标题，标题独占一行
            <center>标签，用于剧中显示内容。HTML5之后不再建议使用的标签
            <input>输入域，用来在页面上获取用户输入。
                   属性type用于指定该输入域展现的样子。常见的值：
                   text:文本输入框
                   password:密码输入框
                   checkbox:多选框
                   radio:单选框
                   button:按钮
             <br>标签:换行
             <a>标签:超链接，标签中间的文本是超链接显示的文本。属性href用来指定点击
                     该超链接后跳转的路径。
             <table>标签:表格。属性border用于指定边框。
                    <table>标签中包含<tr>标签用于表示行
                    <tr>标签中包含<td>标签用于表示列
                    <td>标签中常见属性:
                    align:对其方式。left左对齐,right右对齐,center剧中对其
                    colspan:跨列合并列，合并是从左向右合并列
                    rowspan:跨行合并列，合并是从上向下合并列

             <img>标签:图片，其中src用于指定图片的位置

              在html页面上我们可以指定一个资源的路径以便加载或使用。例如超链接，图片
              等标签上常常会指定一个路径。
              路径有两种:
              1:相对路径
                页面上使用"./"表示当前目录时，由于html是被浏览器解释的，因此该路径
                不能与在java源代码中使用"./"混淆(实际表示的路径不相同!)
                浏览器在解释页面上的"./"时，是根据请求当前页面时URL中该页面所在的
                目录:
                例如:
                请求当前首页。我们在浏览器输入的地址为:
                http://localhost:8088/myweb/index.html
                那么在index.html页面中若使用了"./"路径，则浏览器理解的实际位置:
                http://localhost:8088/myweb/
                因此若页面上<img src="./logo.png">
                浏览器实际理解的该图片路径为:
                http://localhost:8088/myweb/logo.png

                相对路径在进行内部转发操作时可能导致定位失效。
                http://localhost:8088/myweb/123.html
                404页面上
                <img src="./404.png">
                http://localhost:8088/myweb/404.png



              2:绝对路径
                "/":根。指的位置是URL当中抽象路径开始的"/"
                举例:                 v
                http://localhost:8088/myweb/index.html
                                     |----抽象路径-----|
                在index.html页面上:
                <img src="/myweb/logo.png">
                          ^就是绝对路径中"/",对应URL中抽象路径部分起始的"/":
                http://localhost:8088/myweb/index.html
                                     ^
                因此，浏览器理解该图片的实际位置:
                http://localhost:8088/myweb/logo.png

         -->
        <!--<h1>百度</h1>-->
        <img src="/myweb/logo.png"><br>
        <input type="text" size="32">
        <input type="button" value="百度一下" onclick="alert('点你妹啊!')"><br>
        男:<input type="radio" name="gender">女:<input type="radio" name="gender"><br>
        <a href="/myweb/reg.html">注册</a>
        <a href="/myweb/login.html">登录</a><br>
        <a href="/myweb/showAllUser">用户列表</a><br>
        <a href="/myweb/writeArticle.html">发表文章</a><br>
        <a href="/myweb/showAllArticle">文章列表</a><br>
        <a href="http://www.taobao.com">淘宝</a><br>
        <table border="1">
            <tr>
                <td>一行一列</td>
                <td colspan="2" align="center">一行二列</td>
                <td>一行四列</td>
            </tr>
            <tr>
                <td>二行一列</td>
                <td rowspan="2">二行二列</td>
                <td>二行三列</td>
                <td>二行四列</td>
            </tr>
            <tr>
                <td>三行一列</td>

                <td>三行三列</td>
                <td>三行四列</td>
            </tr>
        </table>

    </center>
</body>
</html>